<template>
    <div class="goodsItem">
        <p><img :src="info.picture" alt=""></p>
        <p>{{info.name}}</p>
        <p>{{info.desc}}</p>
        <p>{{info.price}}</p>
    </div>
</template>
<script>
export default {
    props:{
        info:{
            type:Object,
        }
    }
}
</script>
<style lang="scss" scoped>
@import "@/assets/css/mixin.scss";
.goodsItem{
    width: 220px;
    padding: 20px;
    margin: 10px 10px;
    img{
        width: 160px;
        height: 160px;
    }
    @include hoverShadow
}
</style>